<!DOCTYPE html>
<html lang="en">
<head>

	<meta charset="utf-8">
    <title>素材管理|图片空间</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    
    <!-- Le styles -->
    <link href="/cssadmin/bootstrap.css" rel="stylesheet">
    <link href="/cssadmin/font-awesome.css" rel="stylesheet">
    <link href="/cssadmin/admin.css" rel="stylesheet">
    <script src="/jsadmin/jquery.min.js"></script>
	<script src="/jsadmin/bootstrap.js"></script>
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
	    <script src="/js/html5.js"></script>
    <![endif]-->

</head>    
<body>

<div class="container">
	<div class="row">
		<div class="span2">
			<div class="main-left-col">
				<h1><i class="icon-shopping-cart icon-large"></i> Admin</h1>
				<ul class="side-nav">

					<li>
						<a href="{{url('admins/index')}}"><i class="icon-home"></i> 管理中心</a>
					</li>
					<li class="dropdown">
						<a class="dropdown-toggle" data-toggle="collapse" data-target="#website-dropdown" href="#"><i class="icon-sitemap"></i> 商品管理 <b class="caret"></b></a>
						<ul id="website-dropdown" class="collapse">
							<li><a href="{{url('admins/glist')}}">商品列表</a></li>
							<li><a href="{{url('admins/clist')}}">商品分类</a></li>
							<li><a href="{{url('admins/gadd')}}">添加商品</a></li>
							<li><a href="{{url('admins/cadd')}}">添加分类</a></li>
						</ul>
					</li>
					<li class="dropdown">
						<a class="dropdown-toggle" data-toggle="collapse" data-target="#store-dropdown" href="#"><i class="icon-shopping-cart"></i> 订单管理 <b class="caret"></b></a>
						<ul id="store-dropdown" class="collapse">
							<li><a href="{{url('order/wf')}}">订单列表(未付款)</a></li>
							<li><a href="{{url('order/ys')}}">订单列表(已付款)</a></li>
							<li><a href="{{url('order/yf')}}">订单列表(已发货)</a></li>
							<li><a href="{{url('order/end')}}">订单列表(已完成)</a></li>
						</ul>
					</li>
					<li class="dropdown">
						<a class="dropdown-toggle" data-toggle="collapse" data-target="#reports-dropdown" href="#"><i class="icon-signal"></i> 会员管理 <b class="caret"></b></a>
						<ul id="reports-dropdown" class="collapse">
							<li><a href="report.html">会员列表</a></li>
						</ul>
					</li>
					<li class="dropdown active">
						<a class="dropdown-toggle" data-toggle="collapse" data-target="#report-dropdown" href="#"><i class="icon-file"></i> 素材管理 <b class="caret"></b></a>
						<ul id="report-dropdown">
							<li class="active"><a href="{{url('img/list')}}">图片空间</a></li>
							<li><a href="{{url('img/up')}}">上传图片</a></li>
						</ul>
					</li>
					<li class="dropdown">
						<a class="dropdown-toggle" data-toggle="collapse" data-target="#settings-dropdown" href="#"><i class="icon-cogs"></i> 权限管理 <b class="caret"></b></a>
						<ul id="settings-dropdown" class="collapse">
							<li class="active"><a href="{{url('admins/reg')}}">添加管理员</a></li>
							<li><a href="{{url('admins/adminlist')}}">管理员列表</a></li>
							<li><a href="{{url('admins/roleadd')}}">添加角色</a></li>
							<li><a href="{{url('admins/rolelist')}}">角色列表</a></li>
						</ul>
					</li>
				</ul>
			</div> <!-- end main-left-col -->
		</div> <!-- end span2 -->
	
	<div class="span10">
		<div class="main-area dashboard">
			<div class="alert alert-info">
					<a class="close" data-dismiss="alert" href="#">x</a>
					<h4 class="alert-heading">提示信息</h4>
					<p id="danger"></p>
			</div>
			<div class="page-header">
				<h2>商品图片</h2>
				<form class="form-search" style="display:inline-block;" action="">
					<select name="gid">
						@foreach($goods as $g)
							<option value="{{$g->gid}}">{{$g->goods_sn}}----{{$g->goods_name}}</option>
						@endforeach
					</select>
				  	<button type="submit" class="btn btn-info">查找</button>
				</form>
		<div class="row">
			@foreach($goods as $i)
			<div class="span2">
				<ul class="thumbnails">
				  <li class="span2">
				    <div class="thumbnail">
				      <img src="{{$i->url}}" id="gimg{{$i->img_id}}">
				      <h4>商品货号:{{$i->goods_sn}}</h4>
						<h4>商品名称:{{$i->goods_name}}</h4>
						<input type="text" value="{{$i->url}}" style="width:95%;">
				      <button type="button" class="btn btn-success" data-toggle="modal" data-target="#myModal{{$i->img_id}}">替换</button>&nbsp;&nbsp;
				      <a href="{{url('img/del',['img_id'=>$i->img_id])}}" class="btn btn-danger">删除</a>
				    </div>
				  </li>
				</ul>
			</div>
			<div id="myModal{{$i->img_id}}" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModal{{$i->img_id}}Label" aria-hidden="true">
			  <div class="modal-header">
			    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
			    <h3>上传</h3>
			  </div>
			  <div class="modal-body">
			  	<br>
			  	<br>
			  	<form action="" id="form_id{{$i->img_id}}" enctype="multipart/form-data" method="post">
					{!! csrf_field() !!}
					<input type="hidden" name="img_id" value="{{$i->img_id}}">
					<input type="hidden" name="url" value="{{$i->url}}">
			  		<input type="file" name="pic" id="a">
			  		<button class="btn btn-info" data-dismiss="modal" aria-hidden="true">替换</button>
			  	</form>
			  	<script>
			  	$(document).ready(function(){
			  		$('#myModal{{$i->img_id}}').on('hidden', function () {
						var fom = document.getElementById('form_id{{$i->img_id}}');
						var fmdata = new FormData(fom);
						var xhr = new XMLHttpRequest();
						xhr.onreadystatechange = function(){
							if(this.readyState == 4){
								var rs = this.responseText;
								if(rs != '0'){
									$('#danger').html('替换成功!');
									$('#gimg{{$i->img_id}}').attr('src',rs);
								}else{
									$('#danger').html('替换失败!');
								}
							}
						}
						xhr.open('post','{{url('img/list')}}',false);
						xhr.send(fmdata);
						return false;
					});
			  	});
			  	</script>
			  </div>
			</div>
			@endforeach
		</div>			
		<div class="row">
			<div class="span10 footer">
				<p>&copy; Website Name 2014</p>
			</div>
		</div>
	</div>
</div> <!-- end span10 -->		
</div> <!-- end container -->


<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->

</body>
</html>